/* 获取元素 */
const contents = document.querySelectorAll(".content");
const listItems = document.querySelectorAll("nav ul li");
/* 循环 listItems中的所有元素*/
listItems.forEach((item, idx) => {
  /* 每个元素添加上点击事件 */
  item.addEventListener("click", () => {
    /* 移除show类样式 */
    hideAllContents();
    /* 移除active类样式 */
    hideAllItems();
    /* 添加上active类样式 */
    item.classList.add("active");
    /* 添加上show类样式 */
    contents[idx].classList.add("show");
  });
});
const hideAllContents = () => {
  contents.forEach((content) => content.classList.remove("show"));
};

const hideAllItems = () => {
  listItems.forEach((item) => item.classList.remove("active"));
};
